@import './_function.less';
.menu-bar {
    .h(98);
    .w(750);
    .pf;
    .b(0);
    .l(0);
    .bc(@mainColor);
    display: flex;
    .list {
        width: 20%;
        .fl;
        .tc; // .lh(98);
        .c(@cW);
        &.on {
            .bc(#eab826);
        }
        i {
            .fs(24);
            .c(@cW);
        }
    }
    .icon {
        .w(60);
        .h(60);
        .db;
        margin: 0 auto;
        .bs(60, 60);
        background-repeat: no-repeat;
        &.icon-home {
            background-image: url('../img/icon-home.png');
        }
        &.icon-type {
            background-image: url('../img/icon-type.png');
        }
        &.icon-shop {
            background-image: url('../img/icon-shop.png');
        }
        &.icon-order {
            background-image: url('../img/icon-order.png');
        }
        &.icon-user {
            background-image: url('../img/icon-user.png');
        }
    }
}